<template>
	<div class="assistnav">
		<ul>
			<li v-for="(v,i) in this.$store.state.assistnav" :key="i">
				<img :src="v.img" />
				<p>{{v.title}}</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		mounted(){
			this.$store.dispatch("assistnavaxios");
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.assistnav{
		ul{
			margin-top: -0.1rem;
			width:calc(100% - 0.2rem);
			padding-left: 0.1rem;
			padding-right: 0.1rem;
			height: 0.65rem;
			display: flex;
			justify-content: space-around;
			li{
				width: 20%;
				height: 0.65rem;
				display: flex;
				flex: 1;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
				img{
					width: 0.25rem;
					height: 0.22rem;
				}
				p{
					font-size: 0.14rem;
				}
			}
		}
	}
</style>
